// JavaScript Document
$(function(){

	var imgScon = $("#imgSCon .wrap");
	var imgSL = $("#imgSL");
	var imgSR = $("#imgSR");

	// 单个li的宽度
	var onceWidth = imgScon.children().eq(0).width() + 4;

	var iNum = 0;

	//至少显示5个
	var showNum = 5;

	// 设置ul的宽度
	imgScon.width((imgScon.children().length) * onceWidth);

	imgSL.click(function(){

		if (imgScon.children().length <= showNum) {
			return;
		};

		if(iNum == (imgScon.children().length - showNum) ){
			return;
		}
		iNum++;
		imgScon.stop().animate({
			left : iNum *  -onceWidth
		});
	});

	imgSR.click(function(){
		if(iNum == 0){
			return;
		}
		iNum--;
		imgScon.stop().animate({
			left : iNum *  -onceWidth
		});
	});

	// 切换图片
	$.each(imgScon.children(), function(){
		$(this).click(function(){
			var This = $(this);
			This.siblings().removeClass();
			This.addClass("active");
		});
	});	

});